<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 
            在网页中，html专门用来负责网页的结构
                所以在使用html标签时，应该关注的是标签的语义化，而不是他的样式

            标题标签：
                    h1 ~ h6 一共有六级标题
                    从h1到h6重要性是递减的
                    h1在网页中的重要性仅次于title标签，一般情况下一个页面中只有一个h1
                    一般情况下标题标签中我们只会用到h1~h3，后面的基本不用
                    标题标签都是块元素
            在页面中独占一行的元素我们称之为块元素(block element)
     -->
     <h1>我是一级标题</h1>

     <!-- hgroup标签用来为标题分组，可以将一组相关的标题同时放入到hgroup中 -->
     <hgroup>
        <h1>诗经两首</h1>
        <h2>其一</h2>
     </hgroup>

     <!--  p标签在网页中表示页面中的一个段落 -->
     <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestiae, consectetur tenetur, magnam eos assumenda, omnis fuga ipsa hic saepe consequuntur harum ad iusto necessitatibus voluptatum numquam quaerat! Harum, beatae ratione!</p>

     <!-- 
        em标签用于语音语气的加重 
        在页面中不会独占一行的元素我们称之为行内元素(ilnline element) 
    -->
     <h1>今天天气<em>真</em>不错</h1>
     <!-- strong表示强调，重要内容 -->
     <p>今天你<strong>必须完成作业</strong></p>
     <!-- blockquote表示的是长引用,会换行 -->
     <blockquote>我是一个长引用</blockquote>
     <!-- q表示的是短引用，是不会换行的 -->
     <q>我是一个短引用</q>
     <!-- br标签表示换行，本身没有任何内容 -->
</body>
</html>